const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const {
	styleLoaders,
} = require('./config.css')

const {
	PATHS,
} = require('./utils')

const isProduction = process.env.NODE_ENV === 'production'

// console.log('styleLoaders({sourceMap: false,})', JSON.stringify(styleLoaders({
// 	sourceMap: false,
// })))

module.exports = {
	rules: [
		// {
		// 	// 编译前通过eslint检查代码 (注释掉即可取消eslint检测)
		// 	test: /\.js?$/,
		// 	enforce: "pre",
		// 	include: PATHS.src,
		// 	loader: "eslint-loader",
		// }, 

		{
			test: /\.vue$/,
			loader: 'vue-loader',
		}, {
			test: /\.jsx?$/,
			include: PATHS.src,
			use: [{
				loader: 'babel-loader',
				options: {
					// presets: ['env'],
					compact: false,
				},
			}]
		},

		// {
		// 	"test": /\.css$/,
		// 	"use": [MiniCssExtractPlugin.loader, {
		// 		"loader": "css-loader",
		// 		"options": {
		// 			"minimize": true,
		// 			"sourceMap": false
		// 		}
		// 	}],
		// },


		// {
		// 	"test": /\.less$/,
		// 	"use": [
		// 		MiniCssExtractPlugin.loader,
		// 		// "vue-style-loader",
		// 		// "css-loader",
		// 		{
		// 			"loader": "css-loader",
		// 			"options": {
		// 				"minimize": true,
		// 				"sourceMap": true
		// 			}
		// 		},
		// 		// "postcss-loader",
		// 		"less-loader",
		// 	],
		// },

		...styleLoaders({
			sourceMap: true,
		}),


		{
			test: /\.html$/,
			use: ['html-loader'],
		}, {
			// 文件解析
			test: /\.(eot|woff|svg|ttf|woff2|appcache|mp3|mp4|pdf)(\?|$)/,
			use: [{
				loader: "file-loader",
				options: {
					name: PATHS.assets('css/[name].[hash:6].[ext]'),
				},
			}]
		}, {
			// 图片解析
			test: /\.(png|jpg|gif)$/,
			use: [{
				loader: "url-loader",
				options: {
					limit: 8192,
					name: PATHS.assets('css/[name].[hash:6].[ext]'),
				},
			}]
		}, {
			test: /\.xml$/,
			use: ['xml-loader'],
		},


		// {
		// 	"test": /\.scss$/,
		// 	"use": [
		// 		// MiniCssExtractPlugin.loader,
		// 		"vue-style-loader",
		// 		"css-loader",
		// 		"less-loader",
		// 	],
		// },
	],
}